﻿<title>订单管理</title>

  

  <div class="layui-card layadmin-header">

    <div class="layui-breadcrumb" lay-filter="breadcrumb">

      <a lay-href="">主页</a>

      <a><cite>应用</cite></a>

      <a><cite>订单列表</cite></a>

    </div>

  </div>



  <div class="layui-fluid">

    <div class="layui-card">

      <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="app-content-list">

        <div class="layui-form-item">

          <div class="layui-inline">

            <label class="layui-form-label">订单号</label>

            <div class="layui-input-inline">

              <input type="text" name="id" placeholder="请输入订单号" autocomplete="off" class="layui-input">

            </div>

          </div>

         

   <div class="layui-form-item">

        <div class="layui-inline">

         <label class="layui-form-label">下单时间区间 </label>

          <div class="layui-input-inline" style="width: 100px;">

          <input type="text" name="minDate" id="min" placeholder="mm" autocomplete="off" class="layui-input">

        </div>

        <div class="layui-form-mid">-</div>

        <div class="layui-input-inline" style="width: 100px;">

         <input type="text" name="maxDate" id="max" placeholder="mm" autocomplete="off" class="layui-input">

        </div>

      </div>

  </div>

         

          <div class="layui-inline">

            <label class="layui-form-label">订单状态</label>

            <div class="layui-input-inline">

              <select name="orderState">

                <option value="">请选择</option>

                <option value="已发货">已发货</option>

                <option value="未付款">未付款</option>

                <option value="未发货">未发货</option>

              </select>

            </div>

          </div>

          <div class="layui-inline">

            <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="suo">

              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>

            </button>

          </div>

        </div>

      </div>



      <div class="layui-card-body">

        <div style="padding-bottom: 10px;">

          <button class="layui-btn layuiadmin-btn-list" data-type="add">添加</button>

        </div>

        <table id="orders" lay-filter="LAY-app-content-list"></table> 

        <script type="text/html" id="buttonTpl">

          {{#  if(d.status){ }}

            <button class="layui-btn layui-btn-xs">已发布</button>

          {{#  } else { }}

            <button class="layui-btn layui-btn-primary layui-btn-xs">待修改</button>

          {{#  } }}

        </script>

        <script type="text/html" id="table-content-list">

          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>

          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>

         </script>

      </div>

    </div>

  </div>



  <script>

  layui.use('contlist', layui.factory('contlist')).use(['admin', 'contlist', 'table','jquery'], function(){

    var $ = layui.$

    ,admin = layui.admin

    ,view = layui.view

    ,table = layui.table

    ,form = layui.form;

    

    form.render(null, 'app-content-list');

    

    //监听搜索

    form.on('submit(suo)', function(data){

      var field = data.field;

      

      //执行重载

      table.reload('orders', {

        where: field

      });

    });

    

    var active = {

      batchdel: function(){

        var checkStatus = table.checkStatus('LAY-app-content-list')

        ,checkData = checkStatus.data; //得到选中的数据



        if(checkData.length === 0){

          return layer.msg('请选择数据');

        }

      

        layer.confirm('确定删除吗？', function(index) {

          

          //执行 Ajax 后重载

          /*

          admin.req({

            url: 'xxx'

            //,……

          });

          */

          table.reload('LAY-app-content-list');

          layer.msg('已删除');

        });

      }

      

      //添加

      ,add: function(othis){

        admin.popup({

          title: '添加文章'

          ,area: ['550px', '550px']

          ,id: 'LAY-popup-content-add'

          ,success: function(layero, index){

            view(this.id).render('app/content/listform').done(function(){

              form.render(null, 'layuiadmin-app-form-list');

              

              //监听提交

              form.on('submit(layuiadmin-app-form-submit)', function(data){

                var field = data.field; //获取提交的字段



                //提交 Ajax 成功后，关闭当前弹层并重载表格

                //$.ajax({});

                layui.table.reload('LAY-app-content-list'); //重载表格

                layer.close(index); //执行关闭 

              });

            });

          }

        });

      }

    }; 



    $('.layui-btn.layuiadmin-btn-list').on('click', function(){

      var type = $(this).data('type');

      active[type] ? active[type].call(this) : '';

    });



  });

  </script>

<script>

layui.use('laydate', function(){

  var laydate = layui.laydate;

  

  //执行一个laydate实例

  laydate.render({

    elem: '#min' //指定元素

  });

//执行一个laydate实例

  laydate.render({

    elem: '#max' //指定元素

  });

});

</script>